<footer>
    <div class="ly-content">
        <ul class="ly-foot">
            <li>
                <h1> <a href="{:U('Index/difficulty')}?id=0">购买疑难</a></h1>
                <dl>
                    <dt>
                        <a href="{:U('Index/difficulty')}?id=0">常见问题</a>
                    </dt>
                    <dt>
                        <a href="{:U('Index/difficulty')}?id=1">支付</a>
                    </dt>
                    <dt>
                        <a href="{:U('Index/difficulty')}?id=2">配送</a>
                    </dt>
                    <dt>
                        <a href="{:U('Index/difficulty')}?id=3">售后服务</a>
                    </dt>
                </dl>
            </li>
            <li>
                <h1> <a href="{:U('Index/follow')}">关注氦闪</a></h1>
                <dl>
                    <dt>
                        <a href="{:U('Index/follow')}">微博</a>
                    </dt>
                    <dt>
                        <a href="{:U('Index/follow')}">微信公众号</a>
                    </dt>
                    <dt>
                        <a href="{:U('Index/follow')}">抖音</a>
                    </dt>
                    <dt>
                        <a href="{:U('Index/follow')}">Facebook</a>
                    </dt>
                    <dt>
                        <a href="{:U('Index/follow')}">Instagram</a>
                    </dt>
                </dl>
            </li>
            <li>
                <h1>  <a href="{:U('Index/policy')}">政策法规</a></h1>
                <dl>
                    <dt>
                        <a href="{:U('Index/policy')}">隐私声明</a>
                    </dt>
                    <dt>
                        <a href="{:U('Index/policy')}">购买条款</a>
                    </dt>
                </dl>
            </li>
            <li>
                <h1>  <a href="{:U('Index/contact')}?id=0">关于氦闪</a></h1>
                <dl>
                    <dt>
                        <a href="{:U('Index/contact')}?id=0">联系氦闪</a>
                    </dt>
                    <dt>
                        <a href="{:U('Index/contact')}?id=1">工作室地址</a>
                    </dt>
                    <dt>
                        <a href="{:U('Index/contact')}?id=2">初创理念</a>
                    </dt>
                    <dt>
                        <a href="{:U('Index/contact')}?id=3">加入氦闪</a>
                    </dt>
                </dl>
            </li>
        </ul>
    </div>
    <p style="position: absolute;bottom: 0;left: 0; width: 100%; color: #999;font-size: 12px; text-align: center; line-height: 20px;">蜀ICP备18029940号-1</p>
</footer>

<script src="__PUBLIC__/web/js/jquery.min.js"></script>
<script src="__PUBLIC__/web/js/public.js"></script>
<script>
    $(".ly-li dl").eq(0).addClass("ly-cation");
    $(".ly-li").on("click", "dl", function () {
        $(this).addClass("ly-cation").siblings().removeClass("ly-cation")
    })

    function getQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
    }

    window.onload = function () {
        var id = getQueryString("id");
        $(".ly-li dl").removeClass("ly-cation");
        $(".ly-li dl").eq(id).addClass("ly-cation");
    }
</script>